/**
 * 食物类
 */
class Food{
  private element: HTMLElement

  constructor() {
    // 获取页面上的food元素
    // 后面加! 表示不可能为null
    this.element = document.getElementById("food")!
  }

  /**
   * 获取食物X轴坐标
   */
  get X() {
    return this.element.offsetLeft
  }

  /**
   * 获取食物Y轴坐标
   */
  get Y() {
    return this.element.offsetTop
  }

  /**
   * 修改食物位置
   */
  change(): void {
    // 生成随机位置
    this.element.style.left = this.random() + 'px'
    this.element.style.top = this.random() + 'px'
  }

  /**
   * 随意一个值
   */
  private random(): number {
    // 食物位置最小是0 最大是290
    // 因为蛇每次移动10px 所以食物的位置必须是整10
    return Math.round(Math.random() * 29) * 10
  }
}

export default Food